<aside class="main-sidebar">
    <!-- sidebar: style can be found in sidebar.less -->
    <section class="sidebar">

      <!-- sidebar menu: : style can be found in sidebar.less -->
      <ul class="sidebar-menu" data-widget="tree">
        <li class="header">系统管理</li>
        {volist name="__MENU__" id="menu"}
          {neq name="menu.type" value="1"}
          <li class="treeview" data-id="{$menu.id}" class="{$menu.class|default=''}">
              <a href="{$menu.url|Url}" target="main_iframe">
                  {notempty name="menu.icon"}
                      <i class="fa fa-{$menu.icon}"></i>
                  {else /}
                      <i class="fa fa-circle-o"></i>
                  {/notempty}
                  <span>{$menu.title}</span>
                  <span class="pull-right-container">
                    <i class="fa fa-angle-left pull-right"></i>
                  </span>
              </a>
              <ul class="treeview-menu">
                {volist name="menu._child" id="sub_menu"}
                    
                    {notempty name="sub_menu"}   
                      {notempty name="key"}
                      <li class="child-header"><i class="fa fa-chevron-down"></i> {$key}</li>
                      {/notempty}

                      {volist name="sub_menu" id="c_menu"}
                          <li>
                              <a href="{$c_menu.url|Url}" target="main_iframe">
                                {notempty name="c_menu.icon"}
                                    <i class="fa fa-{$c_menu.icon}"></i>
                                {else /}
                                    <i class="fa fa-circle-o"></i>
                                {/notempty}
                                {$c_menu.title}
                            </a>
                          </li>
                      {/volist}
                    {/notempty}

                {/volist}
              </ul>
          </li>
          {/neq}
        {/volist}
        <li class="header">模块管理</li>
        {volist name="__MENU__" id="menu"}
        {neq name="menu.type" value="0"}
        <li class="treeview" data-id="{$menu.id}" class="{$menu.class|default=''}">
            <a href="{$menu.url|Url}" target="main_iframe">
                {notempty name="menu.icon"}
                    <i class="fa fa-{$menu.icon}"></i>
                {else /}
                    <i class="fa fa-circle-o"></i>
                {/notempty}
                <span>{$menu.title}</span>
                <span class="pull-right-container">
                  <i class="fa fa-angle-left pull-right"></i>
                </span>
            </a>
            <ul class="treeview-menu">
              {volist name="menu._child" id="sub_menu"}
                  
                  {notempty name="sub_menu"}   
                    {notempty name="key"}
                    <li class="child-header"><i class="fa fa-chevron-down"></i> {$key}</li>
                    {/notempty}

                    {volist name="sub_menu" id="c_menu"}
                        <li>
                            <a href="{$c_menu.url|Url}" target="main_iframe">
                              {notempty name="c_menu.icon"}
                                  <i class="fa fa-{$c_menu.icon}"></i>
                              {else /}
                                  <i class="fa fa-circle-o"></i>
                              {/notempty}
                              {$c_menu.title}
                          </a>
                        </li>
                    {/volist}
                  {/notempty}

              {/volist}
            </ul>
        </li>
        {/neq}
        {/volist}
        
        <li class="header">插件管理</li>
        {volist name="__ADDONS_MENU__" id="menu"}
        <li>
            <a href="{$menu.url|Url}" target="main_iframe">  
              <i class="fa fa-circle-o"></i>
              <span>{$menu.title}</span>
          </a>
        </li>
        {/volist}

      </ul>
    </section>
    <!-- /.sidebar -->
  </aside>